<template>
	<view>
		<view class="order-header" :style="{margin:order.ORDERSTATE===1 || order.ORDERSTATE===9?'':'0upx 0upx 25upx 0upx'}">
			<view class="order-status">
				<text v-if="order.ORDERSTATE===1" class="iconfont icon-shizhong order-status-text" ></text>
				<text v-if="order.ORDERSTATE===1" class="order-status-text1" >等待付款</text>
				<text v-if="order.ORDERSTATE===1" class="order-status-text2" >剩余 :</text>
				<view v-if="order.ORDERSTATE===1" class="order-status-text3">
					<uni-countdown :hour="hour" :minute="minute" :second="second" color="#FFFFFF" background-color="#3C3C3C" border-color="#3C3C3C" :showDay="false"/>
				</view>
				
				<text v-if="order.ORDERSTATE===6" class="iconfont icon-daifahuo order-status-text" ></text>
				<text v-if="order.ORDERSTATE===6" class="order-status-text1" >等待收货</text>
				<text v-if="order.ORDERSTATE===6" class="order-status-text2" style="margin-left: 320upx;">普通快递</text>

				<text v-if="order.ORDERSTATE===2" class="iconfont icon-daifahuo order-status-text" ></text>
				<text v-if="order.ORDERSTATE===2" class="order-status-text1" >等待发货</text>
				
				
				<text v-if="order.ORDERSTATE===3" class="iconfont icon-dui order-status-text" ></text>
				<text v-if="order.ORDERSTATE===3" class="order-status-text1" >等待评价</text>
			
				<text v-if="order.ORDERSTATE===4" class="iconfont icon-dui order-status-text" ></text>
				<text v-if="order.ORDERSTATE===4" class="order-status-text1" >交易完成</text>
				
				<text v-if="order.ORDERSTATE===9" class="iconfont icon-tanhao1 order-status-text" ></text>
				<text v-if="order.ORDERSTATE===9" class="order-status-text1" >交易关闭</text>
			</view>
			<view v-if="order.ORDERSTATE!==9 && order.ORDERSTATE!==1" class="order-wuliu">
				<view  class="order-wuliu1">
					<view class="order-wuliu-text">
						<text class="iconfont icon-huoche order-wuliu-icon"></text>
						<text v-if="order.ORDERSTATE===2">等待卖家发货...</text>
						<text v-if="order.ORDERSTATE===3">感谢您在亿拼惠购物，欢迎再次光临</text>
						<text v-if="order.ORDERSTATE===4">感谢您在亿拼惠购物，欢迎再次光临</text>
						<text v-if="order.ORDERSTATE===6">{{list.AcceptStation}}{{list.Remark}}</text>
					</view>
				
					<text v-if="order.ORDERSTATE===6" class="order-wuliu-text1">{{list.AcceptTime}}</text>
				</view>
				
				<view class="order-wuliu2">
					<text class="iconfont icon-youjiantou"></text>
				</view>
				
			</view>
			
		</view>
		
		<view class="order-shou">
			<view class="clamp order-shou1">
				<text>{{order.RECEIVENAME}}</text>
				<text class="order-shou-text">{{order.TEL}}</text>
			</view>
			<view class="clamp order-shou2">
				<text class="iconfont icon-dingwei order-shou-icon"></text>
				<text>{{order.RECEIVEADDRESS}}</text>
			</view>
		</view>
		
		<view class="order-shang">
			<view class="order-shang-header">
				<text>商品信息</text>
			</view>
			<view class="order-shang-item" v-for="(item,index) in order.GOODSLIST" :key="index" @click="goto(order)">
				<view class="order-shang-image">
					<image :src="item.THUMB"></image>
				</view>
				<view class="order-shang-text un-text" v-if="EXCHANEG==0">
					<text class="clamp un-text1">{{item.NAME}}</text>
					<text class="clamp un-text2">{{item.SPEC}}</text>
					<text class="un-text3">¥{{item.PRICE}}</text>
				</view>
				<view class="order-shang-text un-text" v-if="EXCHANEG==2">
					<text class="clamp un-text1">{{item.NAME}}</text>
					<text class="clamp un-text2">{{item.SPEC}}</text>
					<text class="un-text3" v-if="order.PAYTYPE == 1" >¥{{item.SELLPRICE}}</text>
					<text class="un-text3" v-else >¥{{item.GBPRICE}}</text>
				</view>
				<view class="order-shang-text un-text" v-if="EXCHANEG==1">
					<text class="clamp un-text1">{{item.NAME}}</text>
					<text class="clamp un-text2">{{item.SHORTINFO}}</text>
					<view class="" v-if="item.MULTIPAY==2" >
						<text  class="un-text3" v-if="item.OPPOINT>0">积分:{{item.OPPOINT}}</text>
						<text  class="un-text3"  v-if="item.OPDEDU>0">抵扣券:{{item.OPDEDU}}</text>
						<text  class="un-text3"  v-if="item.OPCOUPON>0">优惠券:{{item.OPCOUPON}}</text>
					</view>
					<view class="" v-else >
						<text  class="un-text3"  v-if="item.MUCHSELLERPRICE>0">￥:{{item.MUCHSELLERPRICE}}</text>
						<text  class="un-text3"  v-if="item.MPPOINT>0">+积分:{{item.MPPOINT}}</text>
						<text  class="un-text3"  v-if="item.MPDEDU>0">+抵扣券:{{item.MPDEDU}}</text>
						<text  class="un-text3"  v-if="item.MPCOUPON>0">+优惠券:{{item.MPCOUPON}}</text>
					</view>
				</view>
				<view class="order-shang-text1 un-text un-text4" v-if="EXCHANEG==0">
					<text>X{{item.COUNT}}</text>
				</view>
				<view class="order-shang-text1 un-text un-text4" v-if="EXCHANEG==1">
					<text>X{{item.COUNTNUM}}</text>
				</view>
				<view class="order-shang-text1 un-text un-text4" v-if="EXCHANEG==2">
					<text>X1</text>
				</view>
			</view>
		</view>
		
		<view class="order-item">
			<view class="order-item-header">
				<text>订单信息</text>
			</view>
				<view class="order-item-t">
					<text class="order-item-text">商品合计 :</text>
					<text class="order-item-text1">¥{{order.AMOUNT}}</text>
				</view>
				<view class="order-item-t">
					<text class="order-item-text">运费 :</text>
					<text class="order-item-text1">¥0.00</text>
				</view>
				<view class="order-item-t">
					<text class="order-item-text">优惠券 :</text>
					<text class="order-item-text1">¥0.00</text>
				</view>
				<view class="order-item-t">
					<text class="order-item-text">积分抵扣 :</text>
					<text class="order-item-text1">¥0.00</text>
				</view>
				<view class="order-item-t">
					<text class="order-item-text">活动优惠 :</text>
					<text class="order-item-text1" v-if="EXCHANEG==0">¥-8.00</text>
					<text class="order-item-text1" v-if="EXCHANEG==1">¥{{order.MARKETPRICE  - order.MUCHSELLERPRICE}}</text>
				</view>
		</view>
		
		<!-- <view class="order-item" @click="navToInvoice(order.ORDERNUM)">
				<view class="order-item-t">
					<text class="order-item-text">发票类型 :</text>
					<text class="order-item-text1">电子发票</text>
				</view>
				<view class="order-item-t">
					<text class="order-item-text">发票抬头 :</text>
					<text class="order-item-text1">Windir</text>
				</view>
				<view class="order-item-t">
					<text class="order-item-text">发票内容 :</text>
					<text class="order-item-text1">日用品</text>
				</view>
		</view> -->
		
		<view class="order-item">
				<view class="order-item-t">
					<text class="order-item-text">订单编号 :</text>
					<text class="order-item-text1">{{order.ORDERNUM}}</text>
					<text class="order-item-text2" @tap="copy">复制</text>
				</view>
				
				<view class="order-item-t" v-if="charset=='0000' && order.ORDERSTATE == 4 " >
					<text class="order-item-text">兑换码 :</text>
					<text class="order-item-text1">{{wuliu.LOGISTICCODE}}</text>
					<text class="order-item-text2" @tap="copy">复制</text>
				</view>
				<view class="order-item-t" v-else>
					<text class="order-item-text">快递单号 :</text>
					<text class="order-item-text1">{{wuliu.LOGISTICCODE}}</text>
					<text class="order-item-text2" @tap="copy">复制</text>
				</view>
				<view class="order-item-t">
					<text class="order-item-text">提交时间 :</text>
					<text class="order-item-text1">{{order.STARTDATE}}</text>
				</view>
				<view class="order-item-t" v-if="order.PAYSTATE!==1">
					<text class="order-item-text">支付方式 :</text>
					<text class="order-item-text1" v-if="order.PAYTYPE===1">微信支付</text>
					<text class="order-item-text1" v-if="order.PAYTYPE===3">支付宝支付</text>
					<text class="order-item-text1" v-if="order.PAYTYPE===5">银联支付</text>
					<text class="order-item-text1" v-if="order.PAYTYPE===4">余额支付</text>
				</view>
				<view v-if="order.ORDERSTATE!==1 && order.ORDERSTATE!==9" class="order-item-t">
					<text class="order-item-text">实付金额 :</text>
					<text class="order-item-text1">¥{{order.AMOUNT}}</text>
				</view>
				<view v-if="order.ORDERSTATE!==1 && order.ORDERSTATE!==9" class="order-item-t">
					<text class="order-item-text">付款时间 :</text>
					<text class="order-item-text1">{{order.PAYDATE}}</text>
				</view>
		</view>
		
		<view class="order-foot">
			<text v-if="order.ORDERSTATE===1" class="order-foot-text">应付金额 :</text>
			<text v-if="order.ORDERSTATE===1" class="order-foot-text1">¥{{order.AMOUNT}}</text>
			<text v-if="order.ORDERSTATE===1" class="order-foot-text2" @tap="chooseExcuse()">取消订单</text>
			<text v-if="order.ORDERSTATE===1" class="order-foot-text3" @click="pay(order)">立即付款</text>
			
			<text v-if="order.ORDERSTATE===6" class="order-foot-text2" @tap="navToOrderTrace(order.ORDERNUM,EXCHANEG)">查看物流</text>
			<text v-if="order.ORDERSTATE===6" class="order-foot-text4"  @click="sure(order.ORDERNUM)">确认收货</text>
			
			<view class="" v-if="EXCHANEG!=2&&order.ISSPIKE!=1&&EXCHANEG==0">
				<text v-if="(order.ORDERSTATE===2 || order.ORDERSTATE===3 || order.ORDERSTATE===4 || order.ORDERSTATE===6 )&&order.TUISTATE==0" class="order-foot-text6" @tap="chooseExcuse()">申请退款</text>
				<text v-if="order.TUISTATE==1" class="order-foot-text6">退款审核中</text>
				<text v-if="order.TUISTATE==2" class="order-foot-text6" >退款中</text>
				<text v-if="order.TUISTATE==3" class="order-foot-text6" >退款驳回</text>
				<text v-if="order.TUISTATE==4&&order.ORDERSTATE===7" class="order-foot-text6" >退款完成</text>
				<text v-if="order.TUISTATE==5" class="order-foot-text6" >退款失败</text>
			</view>
			
			
			<!-- <text v-if="order.ORDERSTATE===3" class="order-foot-text5" @click="deleteOrder(order.ORDERNUM)">删除订单</text> -->
			<!-- <text v-if="order.ORDERSTATE===3" class="order-foot-text6" @click="navToAfterSale(order.ORDERNUM)">申请售后</text> -->
			<text v-if="order.ORDERSTATE===3" class="order-foot-text2" @click="comment(order.ORDERNUM)">评价商品</text>
			<!-- <text v-if="order.ORDERSTATE===3 || order.ORDERSTATE===4" class="order-foot-text4" >再次购买</text> -->
			
			<text v-if="order.ORDERSTATE===4" class="order-foot-text4" @click="deleteOrder(order.ORDERNUM)">删除订单</text>
			<!-- <text v-if="order.ORDERSTATE===4" class="order-foot-text2" @click="navToAfterSale(order.ORDERNUM)">申请售后</text> -->
			
			<text v-if="order.ORDERSTATE===9" class="order-foot-text2" @click="deleteOrder(order.ORDERNUM)">删除订单</text>
			<text v-if="order.ORDERSTATE===9" class="order-foot-text4" >重新购买</text>
		</view>
		
		<w-picker  v-if="selectList.length!=0&&order.ORDERSTATE!=1" mode="selector"  :defaultVal="[0]"  @confirm="refund"  ref="selector"  themeColor="#f00" :selectList="selectList" ></w-picker>
		<w-picker  v-if="selectList.length!=0&&order.ORDERSTATE==1" mode="selector"  :defaultVal="[0]"  @confirm="onConfirm"  ref="selector"  themeColor="#f00" :selectList="selectList" ></w-picker>

	</view>
</template>

<script>
	import uniCountdown from '@/components/uni-countdown/uni-countdown.vue';
	import wPicker from "@/components/w-picker/w-picker.vue";
	export default {
		components: {
			uniCountdown,
			wPicker,
		},
		data() {
			return {
				order:{},
				mode:'',
				selectList:[
					{label:"配送信息有误",value:"1"},
					{label:"发票信息有误",value:"2"},
					{label:"忘记使用优惠券、积分等",value:"3"},
					{label:"商品买错了",value:"4"},
					{label:"重复下单/误下单",value:"5"},
				],
				ORDERNUM: '',
				EXCHANEG:'0',
				hour:'',
				minute: '',
				second: '',
				p:{},
				list:'',
				wuliu:'',
				charset:''
			}
		},
		onLoad(option){
			console.log("订单详情接收到的数据",option)
			this.tabCurrentIndex = option.index;
			console.log("EXCHANGE"+ option.EXCHANGE);
			this.EXCHANEG = option.EXCHANGE;
			this.loadDate(option.ORDERNUM);
			if( option.state == 3 || option.state == 4 || option.state == 6 ){
				this.loadwuliu(option.ORDERNUM);
			}
			uni.startPullDownRefresh();
		},
		onPullDownRefresh() {
			console.log('refresh');
			setTimeout(function () {
				uni.stopPullDownRefresh();
			}, 1000);
		},
		methods: {
			goto(item){
				var id ;undefined
				var list = []
				console.log("LLLLLLLLLLL",list);
				if ( this.EXCHANEG  == 1){
					id = '/productExchange?id='+item.GOODSID +'&sid='+item.SPECSID
				} else if( this.EXCHANEG  == 2) {
					id = '/productGroup?ID='+item.GOODSID +'&userId=undefined'
				} else {
					id = '/product?id='+item.GOODSID
				}
				uni.navigateTo({
					url: '/pages/product'+id
				})
			},
			async loadwuliu(ORDERNUM){
				this.$http.post("/order/getDelivelyInformation",{
					SIGNATURE : uni.getStorageSync("SIGNATURE"),
					TOKEN: uni.getStorageSync('userInfo').TOKEN,
					ORDERNUM: ORDERNUM,
				}).then(e=>{
					console.log(">>>>>>>>>>>>>>>>",e);
					if(e.data.STATE === '0' && e.statusCode === 200){
						let list = e.data.OBJECT.LIST
						let list1 = list.map(item=>{
							return JSON.parse(item);
						})
						
						this.list = list1[0]
						this.wuliu = e.data.OBJECT
					}else{
						uni.showToast({title:e.data.MSG, icon:"none"});
					}
				}).catch(err =>{
					console.log('request fail', err);
				})
			},
			async loadDate(ORDERNUM){
				//查询订单列表
				this.$http.post("/order/detail",{
					SIGNATURE : uni.getStorageSync("SIGNATURE"),
					TOKEN: uni.getStorageSync('userInfo').TOKEN,
					ORDERNUM: ORDERNUM,
					ISREDEEM: this.EXCHANEG
				}).then(e=>{
					console.log("********",e);
					
					if(e.data.STATE === '0' && e.statusCode === 200){
						// var list = e.data.OBJECT;
						e.data.OBJECT.GOODSLIST.map(item=>{
							item.THUMB=getApp().globalData.imageAddress+item.THUMB;
						})
						this.charset = e.data.OBJECT.CHARSET
						console.log("LLLLLLLLLLLLLLLLLLLL",this.charset);
						this.p = e.data.OBJECT.GOODSLIST[0]
						this.order = e.data.OBJECT;
						let time = this.order.REMAIN
						this.hour = Math.floor(time/(1000*60*60))
						this.minute = Math.floor(time%(1000*60*60)/(1000*60))
						this.second = Math.floor(time%(1000*60*60)%(1000*60)/1000)
					}else{
						uni.showToast({title:e.data.MSG, icon:"none"});
					}
				}).catch(err =>{
					console.log('request fail', err);
				})
			},
			//跳转
			navTo(url){
				this.$http.post("/user/info",{
				 SIGNATURE : uni.getStorageSync("SIGNATURE"),
				 TOKEN: uni.getStorageSync('userInfo').TOKEN,
				}).then(res=>{
				 if(res.data.STATE == '903'||res.data.STATE == '904'){
				  uni.navigateTo({
				   url:'/pages/public/login1'
				  })
				 }
				}).catch(err =>{
				 console.log('request fail', err);
				})
				uni.navigateTo({  
					url,
				})  
			}, 
			//支付
			pay(item){
				this.$http.post("/user/info",{
					 SIGNATURE : uni.getStorageSync("SIGNATURE"),
					 TOKEN: uni.getStorageSync('userInfo').TOKEN,
				}).then(res=>{
				 if(res.data.STATE == '903'||res.data.STATE == '904'){
					  uni.navigateTo({
					   url:'/pages/public/login1'
					  })
					}
				}).catch(err =>{
					console.log('request fail', err);
				})
				//跳转支付
				uni.redirectTo({
					url: '/pages/money/pay?ORDERNUM=' + item.ORDERNUM + "&AMOUNT=" + item.AMOUNT
				})
			},
			//删除订单
			deleteOrder(ORDERNUM){
				uni.showLoading({
					title: '请稍后'
				})
				//删除订单
				this.$http.post("/order/delete",{
					SIGNATURE : uni.getStorageSync("SIGNATURE"),
					TOKEN: uni.getStorageSync('userInfo').TOKEN,
					ORDERNUM: ORDERNUM,
					ISREDEEM: this.EXCHANEG
				}).then(e=>{
					if(e.data.STATE == '903'||e.data.STATE == '904'){
					 uni.navigateTo({
					  url:'/pages/public/login1'
					 })
					}
					if(e.data.STATE === '0' && e.statusCode === 200){
						uni.hideLoading();
						uni.navigateBack({
							delta:2
						})
					}else{
						uni.showToast({title:e.data.MSG, icon:"none"});
					}
				}).catch(err =>{
					console.log('request fail', err);
				})
			},
			//申请退款
			refund(val){
				this.loadDate(this.order.ORDERNUM);
				if(this.order.TUISTATE!=0){
					uni.showToast({
						title:'系统繁忙，请刷新后重试',
						icon:'none'
					})
					return
				}
				//申请退款
				this.$http.post("/order/applyRefund",{
					SIGNATURE : uni.getStorageSync("SIGNATURE"),
					TOKEN: uni.getStorageSync('userInfo').TOKEN,
					ORDERNUM: this.order.ORDERNUM,
					ORDERSTATE:this.order.ORDERSTATE,
					REFUNDREASON: val.result,
				}).then(e=>{
					if(e.data.STATE == '903'||e.data.STATE == '904'||e.data.STATE == '905'||e.data.STATE == '906'||e.data.STATE == '907'){
						uni.navigateTo({
							url:'/pages/public/login1'
						})
					}else if(e.data.STATE === '0' && e.statusCode === 200){
						console.log("更改为退款审核中",e)
						uni.showToast({title:e.data.OBJECT, icon:"none"});
						let _this=this;
						setTimeout(function() {
							_this.order.TUISTATE=1;
						}, 500);
					}else{
						uni.showToast({title:e.data.MSG, icon:"none"});
					}
				}).catch(err =>{
					console.log('request fail', err);
				})
			},
			//确认收货
			sure(item){
				uni.showModal({
						content: '确认收货？',
						success: (e)=>{
							if(e.confirm){
								uni.showLoading({
									title: '请稍后'
								})
								//确认收货
								this.$http.post("/order/receive",{
									SIGNATURE : uni.getStorageSync("SIGNATURE"),
									TOKEN: uni.getStorageSync('userInfo').TOKEN,
									ORDERNUM: item,
									ISREDEEM: this.EXCHANEG
								}).then(e=>{
									if(e.data.STATE == '903'||e.data.STATE == '904'){
									 uni.navigateTo({
									  url:'/pages/public/login1'
									 })
									}
									if(e.data.STATE === '0' && e.statusCode === 200){
										uni.hideLoading();
										console.log("*******",e);
										uni.redirectTo({
											url: '/pages/order/order?state=' + this.tabCurrentIndex
										})
									}else{
										uni.showToast({title:e.data.MSG, icon:"none"});
									}
								}).catch(err =>{
									console.log('request fail', err);
								})
								
							}
						}
					})
			},
			//复制订单号
			copy(){
				uni.setClipboardData({ 
					data:this.order.ORDERNUM, 
					success:function(data){}, 
					fail:function(err){}, 
					complete:function(res){} ,
				})
				uni.getClipboardData({
					success:function(data){
						uni.showToast({
							title:"复制成功"
						})
					}, 
					fail:function(err){}, 
					complete:function(res){} ,
				})
			},
			//跳转发票
			navToInvoice(id){
				console.log(id)
				uni.navigateTo({
					url:`/pages/invoice/invoice?id=`+id
				})
			},
			//跳转订单跟踪
			navToOrderTrace(id,EXCHANEG){
				uni.navigateTo({
					url:`/pages/ordertrace/ordertrace?id=`+id+"&EXCHANEG="+EXCHANEG
				})
			},
			//跳转退换售后
			navToAfterSale(id){
				console.log(id)
				this.$http.post("/user/info",{
				 SIGNATURE : uni.getStorageSync("SIGNATURE"),
				 TOKEN: uni.getStorageSync('userInfo').TOKEN,
				}).then(res=>{
				 if(res.data.STATE == '903'||res.data.STATE == '904'){
				  uni.navigateTo({
				   url:'/pages/public/login1'
				  })
				 }
				}).catch(err =>{
				 console.log('request fail', err);
				})
				uni.navigateTo({
					url:`/pages/aftersale/aftersale?id=`+id
				})
			},
			//选择取消原因
			chooseExcuse(){
				this.mode='selector';
				this.$refs[this.mode].show();
			},
			//取消订单 
			onConfirm(val){
				uni.showLoading({
					title: '请稍后'
				})
				setTimeout(()=>{
					this.$http.post("/order/cancel",{
						SIGNATURE : uni.getStorageSync("SIGNATURE"),
						TOKEN: uni.getStorageSync('userInfo').TOKEN,
						ORDERNUM: this.order.ORDERNUM,
						REASON: val.result,
						ISREDEEM: this.EXCHANEG
					}).then(e=>{
						if(e.data.STATE == '903'||e.data.STATE == '904'){
							  uni.navigateTo({
							   url:'/pages/public/login1'
							  })
							 }
						if(e.data.STATE === '0' && e.statusCode === 200){
							uni.hideLoading();
							uni.redirectTo({
								url: '/pages/order/order?state=' + this.tabCurrentIndex
							})
						}else{
							uni.showToast({title:e.data.MSG, icon:"none"});
						}
					}).catch(err =>{
						console.log('request fail', err);
					})
				}, 600)
			},
			//跳转评价
			comment(id){
				this.$http.post("/user/info",{
				 SIGNATURE : uni.getStorageSync("SIGNATURE"),
				 TOKEN: uni.getStorageSync('userInfo').TOKEN,
				}).then(res=>{
				 if(res.data.STATE == '903'||res.data.STATE == '904'){
				  uni.navigateTo({
				   url:'/pages/public/login1'
				  })
				 }
				}).catch(err =>{
				 console.log('request fail', err);
				})
				if(this.order.ORDERSTATE===3){
					uni.navigateTo({
						url: '/pages/comment/createComment?ORDERNUM='+id
					})
				}
				
			},
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #f5f5f5;
		padding-bottom: 110upx;
	}
	.order-header{
		background-color: #FFFFFF;
		padding: 0upx 30upx;
		
		.order-status{
			width: 100%;
			height: 160upx;
			background-color: #E02E24;
			display: flex;
			color: #ffffff;
			line-height: 160upx;
			padding: 0upx 40upx;
			.order-status-text{
				font-size: 35upx;
			}
			.order-status-text1{
				font-size: 32upx;
				margin-left: 10upx;
			}
			.order-status-text2{
				margin-left: 180upx;
				font-size: 28upx;
			}
			.order-status-text3{
				font-size: 28upx;
			}
		}
		.order-wuliu{
			display: flex;
			font-size: 28upx;
			position: relative;
			.order-wuliu1{
				margin: 30upx;
				line-height: 50upx;
				.order-wuliu-text{
					color: #666666;
					.order-wuliu-icon{
						color: #999999;
						margin-right: 20upx;
					}
				}
				.order-wuliu-text1{
					color: #999999;
					margin-left: 50upx;
				}
			}
			.order-wuliu2{
				position: absolute;
				left: 600upx;
				top: 40upx;
				color: #999999;
			}
		}
		
	}
	
	.order-shou{
		background-color: #FFFFFF;
		width: 100%;
		height: 160upx;
		font-size: 28upx;
		line-height: 50upx;
		padding: 30upx 60upx;
		.order-shou1{
			color: #666666;
			margin-left:50upx;
			.order-shou-text{
				margin-left: 20upx;
			}
		}
		.order-shou2{
			color: #999999;
			.order-shou-icon{
				font-size: 33upx;
				margin-right: 20upx;
			}
		}
	}
	
	.order-shang{
		background-color: #ffffff;
		margin-top: 25upx;
		padding: 0upx 60upx;
		.order-shang-header{
			color: #999999;
			font-size: 28upx;
			border-bottom: 1upx solid rgba(242, 242, 242, 1);
			line-height: 90upx;
		}
		.order-shang-item{
			display: flex;
			border-bottom: 1upx solid rgba(242, 242, 242, 1);
			padding: 20upx 0upx;
			.order-shang-image{
				width: 160upx;
				height: 160upx;
				image{
					width: 100%;
					height: 100%;
				}
			}
			.order-shang-text{
				width: 400upx;
				padding: 10upx 40upx;
			}
			.order-shang-text1{
				padding-top: 10upx;
			}
			.un-text{
				font-size: 25upx;
				line-height: 50upx;
			}
			.un-text1{
				color: #666666;
			}
			.un-text2{
				color: #CCCCCC;
			}
			.un-text3{
				color: #F04844;
			}
			.un-text4{
				color: #E02E24;
			}
		}
	}
	
	.order-item{
		border-bottom: 1upx solid rgba(242, 242, 242, 1);
		border-top: 1upx solid rgba(242, 242, 242, 1);
		background-color: #ffffff;
		margin: 25upx 0upx;
		padding: 20upx 60upx;
		
		.order-item-header{
			color: #999999;
			font-size: 28upx;
			border-bottom: 1upx solid rgba(242, 242, 242, 1);
			line-height: 70upx;
		}
		.order-item-t{
			position: relative;
			text{
				font-size: 25upx;
				line-height: 60upx;
			}
			.order-item-text{
				color: #666666;
			}
			.order-item-text1{
				position: absolute;
				left: 100upx;
				color: #999999;
				margin-left: 60upx;
			}
			.order-item-text2{
				font-size: 25upx;
				color: #999999;
				border: 1upx #999999 solid;
				border-radius: 7upx;
				position: absolute;
				left: 520upx;
				padding: 0upx 28upx;
				line-height: 50upx;
			}
		}
		
	}
	
	.order-foot{
		background-color: #ffffff;
		padding: 20upx 50upx;
		position: fixed;
		bottom: 0upx;
		width: 100%;
		height: 100upx;
		border-top: 1upx solid rgba(242, 242, 242, 1);
		line-height: 50upx;
		.order-foot-text{
			position: absolute;
			font-size: 28upx;
			color: #999999;
		}
		.order-foot-text1{
			position: absolute;
			left: 170upx;
			font-size: 28upx;
			margin-left: 10upx;
			color: #F04844;
		}
		.order-foot-text2{
			font-size: 25upx;
			color: #999999;
			border: 1upx #999999 solid;
			border-radius: 7upx;
			position: absolute;
			left: 380upx;
			padding: 5upx 28upx;
		}
		.order-foot-text3{
			font-size: 25upx;
			color: #F04844;
			border: 1upx #F04844 solid;
			border-radius: 7upx;
			position: absolute;
			left: 550upx;
			padding: 5upx 28upx;
		}
		.order-foot-text4{
			font-size: 25upx;
			color: #999999;
			border: 1upx #999999 solid;
			border-radius: 7upx;
			position: absolute;
			left: 550upx;
			padding: 5upx 28upx;
		}
		.order-foot-text5{
			font-size: 25upx;
			color: #999999;
			border: 1upx #999999 solid;
			border-radius: 7upx;
			position: absolute;
			left: 210upx;
			padding: 5upx 28upx;
		}
		.order-foot-text6{
			font-size: 25upx;
			color: #999999;
			border: 1upx #999999 solid;
			border-radius: 7upx;
			position: absolute;
			left: 40upx;
			padding: 5upx 28upx;
		}
	}
</style>
